body,p,div,a{
    margin: 0;
    padding: 0;
    /* 这样div就不会撑大盒子 */
    box-sizing: border-box;
    text-decoration: none;
}
body{
    background-color: black;
    min-width: 1200px;
}

#fp-nav ul li a.active span {  
    background: #c3c3c3;
 }
 
/* 固定导航栏 */
.header{
    width: 100%;
    height: 48px;
    position: fixed;
    top: 0;
    left: 0;
    /* 提高固定导航栏的权重 */
    z-index: 2;
    background-color: black;
    .headerCountent{
        width: 1200px;
        height: 48px;
        margin: auto;
        img{
            padding-top: 10px;
        }
        .nav{
            float:right;
            margin-left: 48px;
            line-height: 48px;
            a{
                margin-left: 40px;
                color: #a4a4a4 ;
            }
        }
    }
} 

 /* 创建个动画 */
 @keyframes ball {
    from{
        margin-top: 0;
    }
    to{
        margin-top: -25px;
    }
}
@keyframes ship {
    0%{
        transform: rotate(0deg);
    }100%{
        transform: rotate(-45deg);
    }
    
}

#fullpage{
    .section{
        font-size: 16px;
        color: #fff;
        video{
            width: 100%;
            height: 100%;
        }
    }
    .section1{
        /* fullpage权重高，会压住固定导航栏 */
        background: url(../images/section1_bg.jpg) center;
        .title-box{
            position: absolute;
            top: 150px;
            width: 100%;
            text-align: center;  
            p{
                font-size: 60px;  
                text-align: center; 
                letter-spacing: 2px; 
            }
            a{
                display: inline-block;
                margin-top: 25px;
                width: 300px;
                height: 60px;
                line-height: 60px; 
                background-image: url(../images/links.png);
                &:hover{
                    background-position: -300px 0;
                }
            }
        }
        .ball1{
            position: absolute;
            width: 13.2%;
            top:22.7%;
            left: 20%;
            /* 调用动画 */
            animation: ball 4s linear infinite alternate;
        }
        .ball2{
            position: absolute;
            width: 22.3%;
            top: 49.8%;
            left: 65.16%;
            animation: ball 4s linear infinite alternate;
        }
       .ship{
           position: absolute;
           width: 7.2%;
           left: 63.96%;
           top: 40.18%;
           animation: ship 30s linear infinite alternate;
       }
    }
    .section2{
        .word-content{
            display: none;
            position: absolute;
            /* 走父盒子高度的50% */
            top: 50%;
            /* 往上走自己盒子高度的50% */
            transform: translateY(-50%);
            left: 18%;
            /* 线条 */
            .line{
                width: 28px;
                height: 3px;
                background-color: #5e5e5e;
                margin: 20px 0;
            }
            .bigword{
                font-size: 60px;
            }
            .midword{
                font-size: 36px;
            }
            .smallword{
                margin: 12px 0;
                font-size: 16px;
            }   
            a{
                display: inline-block;
                width: 200px;
                height: 48px;
                margin: 50px 0;
                background-image: url(../images/link2.png);
                &:hover{
                    background-position: -200px 0;
                }
            }    
        }
        .footer{
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 120px;
            background-color: #131416;
            text-align: center;
            padding: 38px 0 0 0 ;
            color: #4a4a4a;
            font-size: 12px;
            line-height: 22px;
            img{
                vertical-align: middle;
            }
        }   
        
    }
}
